Klassendefinitionen in HTML

Es ist nicht allzu schwer, verschiedenartige Formate der gleichen Sorte zu schaffen, selbst wenn man sie öfter auf der HTML-Seite verwendet. Man kann sie mittels CSS zentral definieren und in Klassen unterteilen.
Man geht dazu folgendermaßen vor:

Im Head-Teil definiert man als style, was man braucht.

Im Body-Teil kann man die Styles dann aufrufen. z.B.:
Sonderformate können als class definiert werden.

<head>
<title>Direktformatierung mit ′class′</title> 
 <style>
  <!--
    p     { color:#004035; } /* dunkles Türkis */
    p.emp { color:#F04040; } /* helles rot */
  -->
 </style>
</head>

<body>
  <h3>Direktformatierung mit &prime;class&prime;</h3>
  <p>
   Normaler Absatz; dunkel türkis (#004035)
  </p>

  <p class="emp">
   Hervorgehobener Absatz; hell rot (#F04040)
  </p>
</body>

Ergebnis ansehen